<template>
<div :class="[$style.container]">
  <div class="text-center">
    <span :class="[$style.emptyIcon]"><slot name="icon"><svg-icon icon="empty"></svg-icon></slot></span>
    <div><slot>无详细信息</slot></div>
  </div>
</div>
</template>

<script lang="ts">

import { Vue, Component, Provide, Watch, Ref, Prop } from 'vue-property-decorator'

@Component
export default class EmptyData extends Vue {

}
</script>

<style lang="scss" module>
@import "~@/styles/vars.scss";

.container {
  height: 100%;
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: $text-secondary-color;
}

.emptyIcon {
  font-size: 64px;
}
</style>
